<!-- You can start editing here. -->
{% if entry.allow_comment %} {% if entry.comments.count%}
<h3 id="comments">
	{{entry.comments.count}} Responses to &#8220;{{entry.title}}&#8221;
</h3>

<ol class="commentlist">

	{% for comment in entry.comments %}

	<li class="{%cycle alt1,alt %}" id="comment-{{comment.key.id}}">
		<div class="gravatar">
			<img height="50" width="50" class="avatar avatar-50"
				src="{{comment.gravatar_url}}" alt="" />
		</div>
		<div class="comments">
			<a href="{{comment.weburl}}" target="_blank">{{comment.author}}</a>
			On
			<small class="commentmetadata"><a
				href="#comment-{{comment.key.id}}" title="">{{comment.date.date|datetz:"Y-m-d"}}
					at {{comment.date|datetz:"H:i"}}</a> </small>

			<br />

			<p>
				{{comment.content}}
			</p>

		</div>
		<div class="clear"></div>

	</li>



	{%endfor%}

</ol>
{%endif%}




<h3 id="respond">
	Leave a Reply
</h3>
<form action="/post_comment" method="post" id="commentform">

	<p>
		<input type="text" name="author" id="author" value="{{user_name}}"
			size="22" tabindex="1" />
		<label for="author">
			Name
			<span style="color: red">(*)</span>
		</label>
	</p>

	<p>
		<input type="text" name="email" id="email" value="{{user_email}}"
			size="22" tabindex="2" />
		<label for="email">
			Mail(will not be published)
			<span style="color: red">(*)</span></small>
		</label>
	</p>

	<p>
		<input type="text" name="url" id="url" value="{{user_url}}" size="22"
			tabindex="3" />
		<label for="url">
			Website
		</label>
	</p>

	{%ifequal blog.comment_check_type 1%}
	<p id="checkarea">
		<iframe src="/checkcode/"
			style="width: 80px; height: 20px; border: 0;" SCROLLING=no></iframe>
		<input type="text" name="checkret" id="checkret" value="" size="5"
			tabindex="4" />
	</p>
	{%endifequal%} {%ifequal blog.comment_check_type 2%}
	<div id="checkarea" style="padding-bottom: 15px">

		<div style="float: left; margin-right: 8px;">
			<label for="checkret">
				<small>Checkcode:</small>
			</label>
			<input type="text" name="checkret" id="checkret" value="" size="5"
				tabindex="4" />
		</div>
		<img id='checkimg' src='/checkimg/' style="border: 0px; padding: 0px;"
			title='Click to change image' onclick="reloadCheckImage();" />
	</div>
	{%endifequal%}

	<p>
		<textarea name="comment" id="comment" cols="100%" rows="10"
			tabindex="4"></textarea>
	</p>

	<p>
		<input name="submit" type="submit" id="submit" tabindex="5"
			value="Submit Comment" />
	</p>
	<input type="hidden" name="key" value="{{entry.key}}" />
</form>
<script type="text/javascript" src="/static/js/jquery.cookie.js"></script>
<script>
    commentuser=$.cookie('comment_user');
       if (commentuser)
       {
         //[user,email,url]=commentuser.split('#@#');
         var tuple=commentuser.split('#@#');
        var user,email,url;
        user=tuple[0];
        email=tuple[1];
        url=tuple[2];
         $('#author').val(user);
         $('#email').val(email);
         $('#url').val(url);
       }

  $('#commentform').submit(function(){
         var form = this;
           if (form.author)
  		   {

      			 if (!form.author.value)
          		 {
          		  alert('Please input your name.');
          		  form.author.focus();
          		  return false;
          		 }
          		 if (!form.email.value)
          		 {
          		 	alert('Please input the email address.');
          		 	form.email.focus();
          		 	return false;
          		 }
	       }

      		 if (!form.comment.value)
      		 {
      		 	alert('Please leave some reply message.');
      		 	form.comment.focus();
      		 	return false;
      		 }

      		 return true;
  });
</script>

{% else %}
<p class="nocomments">
	评论已关闭
</p>
{% endif %}
